<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Mednalytics</title>
    <!-- Iconic Fonts -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="../../vendors/iconic-fonts/font-awesome/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../vendors/iconic-fonts/flat-icons/flaticon.css">
    <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins.css">
    <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins-colors.css">
    <!-- Bootstrap core CSS -->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery UI -->
    <link href="../../assets/css/jquery-ui.min.css" rel="stylesheet">
    <!-- Page Specific CSS (Slick Slider.css) -->
    <link href="../../assets/css/slick.css" rel="stylesheet">
    <!-- Mednalytics styles -->
    <link href="../../assets/css/style.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="../../favicon.ico">
</head>
<body class="ms-body ms-aside-left-open ms-primary-theme ms-has-quickbar">
<!-- Setting Panel -->
<script src="../../assets/reuseCode/top.js"></script>
<!-- Body Content Wrapper -->
<div class="ms-content-wrapper">
    <div class="row">
        <div class="col-md-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb pl-0">
                    <li class="breadcrumb-item"><a href="#"><i class="material-icons">主页</i> 主页</a></li>
                    <li class="breadcrumb-item"><a href="#">支付</a></li>
                    <li class="breadcrumb-item active" aria-current="page">付款凭证</li>
                </ol>
            </nav>
            <div class="ms-panel">
                <div class="ms-panel-header header-mini">
                    <div class="d-flex justify-content-between">
                        <h6>付款凭证</h6>
                        <h6>凭证号:#135178</h6>
                    </div>
                </div>
                <div class="ms-panel-body">
                    <!-- Invoice To -->
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="invoice-address">
                                <h4>收款方: </h4>
                                <h5>财务处</h5>
                                <p>0931-7878778</p>
                                <p class="mb-0">兰州市榆中县中医院</p>
                                <p class="mb-0">东方路</p>
                                <p>281号</p>
                            </div>
                        </div>
                        <div class="col-md-6 text-md-right">
                            <ul class="invoice-date">
                                <li>开具日期:2021/6/11 16:55</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Invoice Table -->
                    <div class="ms-invoice-table table-responsive mt-5">
                        <table class="table table-hover text-right thead-light">
                            <thead>
                            <tr class="text-capitalize">
                                <th class="text-center w-5">id</th>
                                <th class="text-left">项目名称</th>
                                <th>数量</th>
                                <th>单价</th>
                                <th>小计</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="text-center">1</td>
                                <td class="text-left">就诊费</td>
                                <td>1</td>
                                <td>100元</td>
                                <td>100元</td>
                            </tr>
                            <tr>
                                <td class="text-center">2</td>
                                <td class="text-left">福尔马林</td>
                                <td>10</td>
                                <td>69元</td>
                                <td>800元</td>
                            </tr>
                            <tr>
                                <td class="text-center">3</td>
                                <td class="text-left">X光报告</td>
                                <td>4</td>
                                <td>600元</td>
                                <td>1380元</td>
                            </tr>
                            <tr>
                                <td class="text-center">4</td>
                                <td class="text-left">核磁共振</td>
                                <td>2</td>
                                <td>245元</td>
                                <td>480元</td>
                            </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="4">总计:</td>
                                <td>1500元</td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="invoice-buttons text-right">
                        <a href="#" class="btn btn-primary mr-2">打印</a>
                        <a href="#" class="btn btn-primary">保存</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</main>
<!-- Reminder Modal -->
<script src="../../assets/reuseCode/reminderModal.js"></script>
<!-- Notes Modal -->
<script src="../../assets/reuseCode/notesModal.js"></script>

<!-- Modal -->
<script src="../../assets/reuseCode/modal.js"></script>
<!-- SCRIPTS -->
<!-- Global Required Scripts Start -->
<script src="../../assets/js/jquery-3.3.1.min.js"></script>
<script src="../../assets/js/popper.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
<script src="../../assets/js/perfect-scrollbar.js"></script>
<script src="../../assets/js/jquery-ui.min.js"></script>
<!-- Global Required Scripts End -->
<!-- Page Specific Scripts Start -->
<script src="../../assets/js/slick.min.js"></script>
<script src="../../assets/js/moment.js"></script>
<script src="../../assets/js/jquery.webticker.min.js"></script>
<script src="../../assets/js/Chart.bundle.min.js"></script>
<script src="../../assets/js/Chart.Financial.js"></script>
<!-- Page Specific Scripts Finish -->
<!-- Mednalytics core JavaScript -->
<script src="../../assets/js/framework.js"></script>
<!-- Settings -->
<script src="../../assets/js/settings.js"></script>
</body>
</html>
